/* ******************************************************** */
/* Arcans Project (2010)                                    */
/* Jeu sous forme d'application web entièrement conçu       */
/* et réalisé par Killian Le Maitre                         */
/* Jeu sous licence GNU GPL v3 (voir NOTICE et COPYING)     */
/* ******************************************************** */

body {font-size:0.9em;margin:0;overflow-x:hidden;font-family:serif;}
a {color:#08f;text-decoration:none;}
a:hover {text-decoration:underline;}
h3 {color:#08f;text-decoration:underline;font-weight:bold;padding-left:50px;}
h4 {color:#08f;text-decoration:underline;font-weight:bold;margin:5px;margin-top:30px;}
h5 {color:#08f;text-decoration:underline;font-weight:bold;margin:5px;display:inline;font-size:1.4em;}
td {padding:2px;}
button {border:solid 1px black;background-color:white;font-weight:bold;color:#08f;margin:5px;}
button:hover {background-color:gray;color:white;}
input {border:inset 2px #aaa;margin:5px;}

.l_button {float:right;}
.erreur {color:red;}
.valid {color:green;}
/*************en cours de traitement ************/
.textarea {width:600px;height:250px;border:solid 1px black;}
.textarea .entete{border:solid 1px #aaa;height:30px;margin:1px;text-align:center;}
.textarea .zonediv {border:solid 1px #aaa;height:213px;margin:1px;}
.textarea .zonetex {border:solid 1px #aaa;height:215px;margin:1px;margin-top:0px;width:598px;}
/************************************************/

.foot {font-size:0.8em;padding-left:100px;width:860px;text-align:center;}
.foot table {width:70%;}

#voile {position:absolute;left:0;top:0;margin:0;width:100%;height:100%;opacity:0;background-color:black;}
#encart {
	position:absolute;
	background-color:white;
	border-top:solid 2px #08f;
	border-right:solid 1px #999;
	border-bottom:solid 1px black;
	border-left:solid 1px #08f;
	padding:5px;}

#bt_panel {
	position:absolute;
	right:-88px;
	top:160px;
	margin:0px;
	padding:0px;
	-moz-transform: rotate(-90deg); 
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);}
#bt_panel button {width:100px;margin:0px;padding:3px;}
#panel {margin:0px;position:absolute;right:-352px;top:72px;width:350px;height:450px;border:solid 1px black;background-color:white;}
#panel #chat_menu {width:344px;margin:3px;text-align:center;border-collapse:collapse;}
#panel #chat_menu .active {width:25%;border:solid 1px black;border-bottom:none;}
#panel #chat_menu .underline {width:25%;border-bottom:solid 1px black;}
#panel #chat_div {margin:3px;border-bottom:solid 1px black;overflow:auto;height:320px;}
#panel #chat_div .users {color:#08f;font-weight:bold;}
#panel #chat_foot #chat_input {width:230px;}
#panel #imail_div {margin:5px;height:350px;border-top:solid 1px black;border-bottom:solid 1px black;}

#entete {width:930px;margin:30px;}
#entete #logo1 {background-color:white;background-image:url(../images/logo1b.png);background-repeat:no-repeat;width:100px;height:100px;}
#entete #titletd {
	padding-left:30px;
	color:#08f;
	background-color:white;
	background-image:url(../images/titletd.png);
	background-repeat:no-repeat;
	width:340px;
	height:100px;}
#entete #titletd a {font-size:2.2em;font-weight:bold;font-variant:small-caps;}
#entete #logo2 {background-color:white;background-image:url(../images/logo2.png);background-repeat:no-repeat;width:100px;height:100px;}
#entete #menutd {background-color:white;background-image:url(../images/menutd-b.png);background-repeat:no-repeat;}
#entete #menutd .buttontd {
	background-color:white;
	border-right:solid 1px #999999;
	border-left:solid 1px black;
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px white;
	width:130px;
	height:20px;
	text-align:center;}
#entete #menutd #td1:hover {background-image:url(../images/buttontdhover1.gif);background-repeat:no-repeat;}
#entete #menutd #td2:hover {background-image:url(../images/buttontdhover2.gif);background-repeat:no-repeat;}
#entete #menutd #td3:hover {background-image:url(../images/buttontdhover3.gif);background-repeat:no-repeat;}
#entete #menutd #td4:hover {background-image:url(../images/buttontdhover4.gif);background-repeat:no-repeat;}
#entete #menutd #td5:hover {background-image:url(../images/buttontdhover5.gif);background-repeat:no-repeat;}
#entete #menutd #td6:hover {background-image:url(../images/buttontdhover6.gif);background-repeat:no-repeat;}
#entete #menutd .buttontd a {color:black;}
#entete #menutd .buttontdno {width:40px;}

#page {
	width:860px;
	background-color:white;
	border-bottom:solid 2px black;
	margin-top:40px;
	margin-left:40px;
	margin-right:40px;
	margin-bottom:10px;
	padding:15px;}
#page h1 {
	width:500px;
	height:30px;
	background-image:url(../images/titre1.png);
	background-repeat:no-repeat;
	color:#08f;
	font-weight:bold;
	font-size:1.3em;
	margin:25px;
	margin-left:45px;
	padding:7px;
	border-top:solid 1px black;
	border-left:solid 1px black;}
#page h2 {margin:10px;margin-left:180px;text-decoration:underline;font-size:1.2em;font-weight:bold;color:#08f;}
#page h4 {font-weight:bold;}
#page .para {margin-left:20px;text-indent:40px;text-align:justify;width:700px;}
#page .erreur {margin-left:20px;text-indent:40px;text-align:justify;width:700px;color:red;}
#page table {}